<template>
	<view class="mine-service">
		<view class="navbar">
			<navBar :title="'咨询客服'"></navBar>
		</view>
		<view class="service-content">
			<!-- <image class="image" src="/static/images/common/service.jpg"></image> -->
			<!-- <view class="title">扫码添加客服咨询</view> -->
			<view class="item-title">
				<text>{{dateTime}}</text>
			</view>
			<view class="bottom-talk">
				<image class="image-item" src="../../../static/images/service/serve.png"></image>
				<view class="talk-content">
					<text>{{easic}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import Fn from '@/common/public.js';
	import navBar from "@/components/NavBar.vue"
	export default {
		components: {
			navBar
		},
		data() {
			return {
				dateTime:"2022-11-11 14:00",
				easic:"您好，请问是遇到什么问题了吗，可以给我们留言给我们，我们稍后会给您回复，请您耐心等待！"
			};
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background-color:#FFFFFF;
	}
	
	uni-page-body {
		background: none;
	}
	
	.mine-service {
		// background-image: linear-gradient(to bottom, #FAD1AE, #FCEBD9);
		// padding-top: 80rpx;
		
		.service-content {
			text-align: center;
			.item-title{
				font-size:13px;
				color: #25365A;
				opacity: 0.5;
			}
			.bottom-talk{
				display: flex;
				margin-top: 10px;
				padding: 19px 19px;
				.image-item{
					width: 51px;
					height: 51px;
				}
				.talk-content{
					word-wrap: break-word;
					width: 240px;
					height: 90px;
					background: #FAFAFD;
					opacity: 1;
					padding:12px 12px;
					margin-left: 10px;
					font-size: 15px;
					text-align:left;
				}
			}
			// .title {
			// 	margin-top: 40rpx;
			// 	font-size: 36rpx;
			// 	font-weight: 600;
			// }
			
			// .image {
			// 	margin-top: 50rpx;
			// 	width: 60vw;
			// 	height: 60vw;
			// }
		}
	}
</style>
